<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>巴洛克时期</title>
	<link href="../css1.css">
	<style type="text/css">
		.header{
			width:1000px;
			height:100px;
			background-color:white;
			margin:0 auto;
		}
		.content{
			width:1000px;
			margin:0 auto;
		   }
		.left{
			width:380px;
			height:300px;
			float:left;
		}
		.center{
			width:200px;
			height:1800px;
            margin:0 auto;
		}
		.right{
			width:380px;
			height:300px;
			float:right;
		}
		.blank{
			width:180px;
			height:300px;
			background-color:white;
			float:left;
		}
		.cen{
			margin:0 auto;
		}
		.image1{
			background-image: url("../image/亨德尔.jpg");
			width:320px;
			height:300px;
		}
		.image2{
			background-image: url("../image/巴赫.jpg");
			width:320px;
			height:300px;
		}
		.image3{
			background-image: url("../image/维瓦尔第.jpg");
			background-position: center;
			background-repeat:no-repeat;
			width:320px;
			height:300px;
		}
		.back{
			width:1000px;
			height:2000px;
			margin:0 auto;
		}
		.on:hover .off{
			display:block;
		}
		.off{
			display:none;
		}
		a:visited{
			color:black;
		}
		a:hover{
			color:mediumpurple;
		}
		a:link{
			text-decoration:none;
		}
		.backimage{
			background-image: url("../image/新巴洛克背景.png");
			background-repeat:no-repeat;
		}
		@keyframes fade-in {  
    0% {opacity: 0;}/*初始状态 透明度为0*/  
    40% {opacity: 0;}/*过渡状态 透明度为0*/  
    100% {opacity: 1;}/*结束状态 透明度为1*/  
}  
@-webkit-keyframes fade-in {/*针对webkit内核*/  
    0% {opacity: 0;}  
    40% {opacity: 0;}  
    100% {opacity: 1;}  
}  
#wrapper {    
    animation: fade-in;/*动画名称*/  
    animation-duration: 1.5s;/*动画持续时间*/  
    -webkit-animation:fade-in 1.5s;/*针对webkit内核*/  
}
	</style>
</head>
<body>
<div class="back">
<div class="header"
	 style="background-color:#E2C6E9">
	<h1 style="text-align:center;" style="font-family:verdana;">
		<span><font size="+5" color="#6C00B3">巴洛克时期</font></span>
</div>
<div class="back">	
<div class="content" style="height:1000px">
  <h2><font size="+3" color=#4C0E90> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;--------代表作家--------</font></h2>
  <div style="width:320px;
				height:830px;
				float:left;
				margin-top:0 px;">
		<div class="image1 on"; id="wrapper";>
	      <p>&nbsp;</p>
				    <p>&nbsp;</p>
				    <p>&nbsp;</p>
				    <p class="off" style="opacity:0.8"> <font size="+4" color="#FFFFFF"> &nbsp; &nbsp;&nbsp;</font></p>
	      <p class="off" style="opacity:0.8">&nbsp;</p>
				    <p class="off" style="opacity:0.8"><font size="+4" color="#FFFFFF"> &nbsp; &nbsp; &nbsp;亨德尔</font> </p>
		</div>
		<div style="width:300px;
					margin:0 auto;">
			<br>
		  <p style="line-height: 30px;"><strong>George Friedrich Handel，1685年2月23日-1759年4月14日），英籍德国作曲家。</strong></p>
		  <p style="line-height: 30px;"> 亨德尔生于德国哈勒（Halle, S），师从管风琴家查豪学习作曲，后在教堂内任管风琴师及艺术指导。因爱世俗音乐，于1703年迁居汉堡，开始从事歌剧的创作。1706年后，在汉堡威尔及伦敦两地进行创作，不久成为英国的音乐权威人士&nbsp; 。
		    在英国期间，亨德尔时有佳作，著名的作品如《水上音乐》、《皇家烟火》及《弥赛亚》等，便是最好的例子。 他还担任音乐指挥和艺术总监，亲自参加剧院的管理、技术协调等事务工作。后来他转向创作神剧，将声部的独立地位用和声代替.</p>
		</div>
	
	</div>
	<div style="width:320px;
				height:800px;
				float:left;
				margin-left:20px;
				margin-right:20px;">
	  <div class="image2 on"; id="wrapper";>
		<p>&nbsp;</p>
				    <p>&nbsp;</p>
	    <p>&nbsp;</p>
	    <p class="off" style="opacity:0.8"> <font size="+4" color="#FFFFFF"> &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</font></p>
	    <p class="off" style="opacity:0.8">&nbsp;</p>
	    <p class="off" style="opacity:0.8"><font size="+4" color="#FFFFFF"> &nbsp; &nbsp; &nbsp; &nbsp;巴赫</font> </p>
	  </div>
		<div style="width:300px;
					margin:0 auto;">
			<br>
		  <p style="line-height: 30px;"><strong>Johann Sebastian Bach，1685年3月21日～1750年7月28日），巴洛克时期的德国作曲家，杰出的管风琴、小提琴、大键琴演奏家，世人普遍认为其是音乐史上最重要的作曲家之一，并尊称他为“西方近代音乐之父”，他也是西方文化史上最重要的人物之一。</strong></p>
		  <p style="line-height: 30px;"> 巴赫的作品深沉、悲壮、广阔、内在，充满了18世纪上半叶德国现实生活的气息。他笃信宗教，是位路德教徒。
		    但他觉得一个人必须有坚强的意志、崇高的信念、自我牺牲的精神——这就是巴赫在他的艺术中所反映的主要内容。他的作品从不同角度、用不同的形象反映了十八世纪德国市民之间的这种人文主义的思想。 </p>
		</div>
	
	</div>
	<div style="width:320px;
				height:800px;
				float:right;">
	  <div class="image3 on"; id="wrapper";>
		<p>&nbsp;</p>
				    <p>&nbsp;</p>
	    <p>&nbsp;</p>
				    <p class="off" style="opacity:0.8"> <font size="+4" color="#FFFFFF"> &nbsp; &nbsp;</font></p>
	    <p class="off" style="opacity:0.8">&nbsp;</p>
				    <p class="off" style="opacity:0.8"><font size="+4" color="#FFFFFF"> &nbsp; &nbsp; &nbsp;维瓦尔第</font> </p>
	  </div>
	<div style="width:300px;
					margin:0 auto;">
		<br>
	  <p style="line-height: 30px;"><strong>Antonio Lucio Vivaldi，1678年3月4日－1741年7月28日），是一位意大利神父，也是巴洛克音乐作曲家，同时还是一名小提琴演奏家。</strong></p>
	  <p style="line-height: 30px;"> 维瓦尔第为许多乐器都写过协奏曲和奏鸣曲，从小提琴、大提琴、长笛、双簧管、大管等现代人所熟悉的乐器。维瓦尔第以他火热的性格、娴熟的技巧、清新的构思、独特的手法创作了大量乐曲，对器乐体裁，特别是协奏曲的发展做出了巨大贡献。OP.8中的第五首《海上风暴》、第六首《愉悦》以及第十首《狩猎》非常有意境，充满了巴洛克的一贯风格。今天，他的《四季》以及一些弥撒曲很受欢迎，而且是经常被演奏的曲目。 </p>
	</div>
	</div>
	<p>
</p>	
	<br><br><br>
</div>
<div class="content" style="height:50px" style="width:500px" >
	<h2><font size="+3" color="#4C0E90">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;------起源------</font></h2>
  </div>
	<div style="height:600px;
				width:1000px;
				margin:0 auto;"
		class="backimage";>						  
		<p style="line-height: 30px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;“巴洛克”作为一种独特的艺术风格，是由于它在艺术精神和手法上，与盛期文艺复兴有着明显的区别。<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在绘画方面文艺复兴的艺术家尤其重视素描，而巴洛克时期的艺术家则非常重视色彩、<font color=#FFFFF>光影和透视等。文艺复兴时期的艺术主要是静止</font>的，以匀称为目的；而巴洛克时期的艺术主要表现动势，以动为目的——为了达到这一目的<font color=#FFFFF>，他们采用斜线或对角线的构图。文艺复兴时期的</font>艺术主要是强调线条，热爱线条；而巴洛克时期的艺术则是以明暗来造型的，他们喜欢物体<font color=#FFFFF>的逼真与强有力的效果。</font><br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;我们也应该把巴洛克看作是从一极到另一极的一种必然趋势——如后期的哥特式艺术是<font color=#FFFFF>对苦行艺术的反动，浪漫主义是对古典主义的反</font>动，或者如当代抽象主义艺术是对它以前的艺术的反动。也许最好的解决办法，是用“巴洛<font color=#FFFFF>克”这个词来说明介于文艺复兴与古典主义之间的</font>一个过渡时期，然后在各画派或各国之中区别哪些作品是继承了过去，哪些是反对过去或是<font color=#FFFFF>创新。
			在某些时期和某些地点，艺术家们有意识的</font>开始创新，这一事实是无可否认的。艺术中的另一些创新则是受外来艺术的影响。</p></div>	
	</div> 
	</div>
	
	<div style="margin:0 auto;">
	  <center><a href="langman.html" target="_blank"><h3 style=margin:auto>进入浪漫主义时期</h3></a></center>
	</div>
	</div>
</body>
</html>